<#include "./template.ftl">

<#macro head>
    <title>招聘-Morketing</title>
    <link rel="stylesheet" href="${base}/client/css/zhaopin.css">
</#macro>
<#macro content>
        <div id="contents">
            <div class="zhaopin-bar">
                 <h2>汇聚移动营销行业精英职位</h2>
                 <ul>
                     <li><a href="${base}/hire/city/北京">北京招聘</a></li>
                     <li><a href="${base}/hire/city/上海">上海招聘</a></li>
                     <li><a href="${base}/hire/city/广州">广州招聘</a></li>
                 </ul>
            </div>
            <div class="main wrap clearfix">
                <div class="main-left f-l clearfix">
                    <div class="news-item show">
                        <#if hires??>
                            <#list hires as hire>
                            <div class="li-item">
                                <div class="rel">${hire.city}招聘</div>
                                <div class="f-l l"><img width="100%" src="${base}/system/getImg?imgId=${hire.iconUrl}&w=224&h=168" alt=""></div>
                                <div class="cell">
                                    <a href="${base}/hire/${hire.id}"><h2>${hire.name}</h2></a>
                                    <p>
                                        ${hire.aboutUs}
                                    </p>
                                    <div class="tips">
                                        <div class="from">
                                            <span class="time">Morketing | ${hire.createTimeStr}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </#list>
                        </#if>

                        <#--<div class="index-page">-->
                            <#--<a href="">《</a>-->
                            <#--<a class="active" href="">1</a>-->
                            <#--<a href="">2</a>-->
                            <#--<a href="">3</a>-->
                            <#--<a href="">4</a>-->
                            <#--<a href="">5</a>-->
                            <#--<a href="">6</a>-->
                            <#--<a href="">7</a>-->
                            <#--<a href="">8</a>-->
                            <#--<a href="">》</a>-->
                        <#--</div>-->
                    </div>
                </div>
                <div class="main-right f-r clearfix">
                    <div class="publish-btn">
                        <h2>想发布职位？</h2>
                        <p>请点击下方的“发布职位”按钮，填写完整后发给我们的工作人员，我们会帮你录入。</p>
                        <a href="${base}/client/doc/Morketing_hire.docx">发布职位</a>
                    </div>                    

                    <#include "widget/hotHIre.ftl"/>

                    <#include "widget/weixin.ftl"/>
                </div>
            </div>   
        </div>
</#macro>
<#macro js>
<script>

    window.onload=function(){
        var obj = $(".hot-work");
                            var offsetT = obj.offset().top;
                            var offsetL= obj.offset().left;
                            var objH=obj.height();

                            var leftH=$('.main-left').height();
                            var leftT=$('.main-left').offset().top;

                            var mixT=leftH-objH+leftT-64;

                                $(document).on('scroll',function(){
                                    var scrollT=$(document).scrollTop();
                                    if(scrollT > offsetT-64 && scrollT < mixT ){
                                        obj.css({
                                            position:'fixed',
                                            top:'64px',
                                            left:offsetL,
                                            right:'auto',
                                            bottom:'auto'
                                        })
                                    }else if(scrollT > mixT){
                                        obj.css({
                                            position:'absolute',
                                            left:'auto',
                                            top:'auto',
                                            right:0,
                                            bottom:0
                                        })

                                    }else{
                                        obj.css({
                                            position:'static'
                                        })
                                    }

                                })

    }
</script>
</#macro>